.task-item-container{
	min-width:700rpx; 
	background: #FFFFFF;
	border-radius: 24rpx 24rpx 24rpx 24rpx;
	padding: 24rpx 32rpx;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 24rpx;
	&:last-child{
		margin-bottom: 0;
	}
	.tag{
		position: absolute;
		border-radius: 0rpx 24rpx 0rpx 24rpx;
		top: 0; 
		right: 0;
		width: 126rpx;
		background: rgba(60,63,77,0.2);
		padding: 4rpx 16rpx;
		color: #3C3F4D;
		font-size: 24rpx;
		line-height: 44rpx;
		text-align: center;
	}
	.tag-success{
		background: rgba(155,225,100,0.2) !important;
		color: #9BE164 !important;
	}
	.tag-error{
		background: rgba(255,4,4,0.2) !important;
		color: #FF0404 !important;
	}
	.tag-danger{
		background: rgba(242,179,73,0.2);
		color: #F2B349;
	}
	
	.merchant{
		margin-top: 16rpx;
		font-weight: 400;
		font-size: 28rpx;
		color: #646980;
		line-height: 44rpx;
		overflow: hidden;
		position: relative;  
		.footer{
			 .number{
				 font-weight: 500;
				 font-size: 28rpx;
				 color: #3C3F4D;
				 line-height: 40rpx;
			 }
		}
	}
	.title{
		font-weight: 500;
		font-size: 32rpx;
		color: #3C3F4D;
		line-height: 44rpx;
		max-width: calc(100% - 126rpx);
		overflow: hidden;
		.type{
			font-size: 20rpx;
			color: #9BE164;
			line-height: 20rpx;
			border-radius: 30rpx 30rpx 30rpx 30rpx;
			border: 2rpx solid #9BE164;
			padding: 6rpx;
			margin-left: 10rpx;
		}
	}
}